<!doctype html>
<html lang="en">

	<head>
		<!-- meta data -->
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->

		<!--font-family-->
		<link
			href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&amp;subset=devanagari,latin-ext"
			rel="stylesheet">
		<!-- title of site -->
		<title>Sign up</title>

		<!-- For favicon png -->
		<link rel="shortcut icon" type="image/icon" href="assets/logo/favicon.png" />

		<!--font-awesome.min.css-->
<!--		<link rel="stylesheet" href="assets/css/font-awesome.min.css">-->

		<!--animate.css-->
		<link rel="stylesheet" href="assets/css/animate.css">

		<!--bootstrap.min.css-->
		<link rel="stylesheet" href="assets/css/bootstrap.min.css">

		<!-- bootsnav -->
		<link rel="stylesheet" href="assets/css/bootsnav.css">

		<!--style.css-->
		<link rel="stylesheet" href="assets/css/style.css">

		<!--responsive.css-->
		<link rel="stylesheet" href="assets/css/responsive.css">

		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->

		<!--[if lt IE 9]>
			<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
			<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->

	</head>

	<body>
		<!--[if lte IE 9]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
        <![endif]-->

		<!-- signin end -->
		<section class="signin signup">
			<div class="container">
				<div class="sign-content">
					<h2>请注册</h2>
					<div class="col-sm-12">
						<div class="single-sign">
							<div class="signin-form">
								<form id="myForm" method="post">
									<div class="form-group">
										<label for="loginname">登录名</label>
										<input type="text" class="form-control" id="loginname" name="loginname" placeholder="loginName"
											v-model="account.loginname" datatype="*" errormsg="请填写信息" ajaxurl="user/loginNameSole">
										<div class="Validform_checktip" style="color: red;font-size: 17px;"></div>
									</div>
									<div class="form-group">
										<label for="email">邮箱</label>
										<input type="email" class="form-control" id="email" name="email" placeholder="email" 
											datatype="e" errormsg="请输入正确的邮箱号码" v-model="account.email">
										<div class="Validform_checktip" style="color: red;font-size: 17px;"></div>
									</div>
									<div class="form-group">
										<label for="password">密码</label>
										<input type="password" class="form-control" id="password" name="password" placeholder="Password"
											datatype="*6-15" errormsg="密码范围在6~15位之间！" v-model="account.password">
										<div class="Validform_checktip" style="color: red;font-size: 17px;"></div>
									</div>
									<div class="form-group">
										<label for="confirm">确认密码</label>
										<input type="password" class="form-control" id="confirm" name="confirm" placeholder="confirm password"
											datatype="*" recheck="password" errormsg="您两次输入的账号密码不一致！">
										<div class="Validform_checktip" style="color: red;font-size: 17px;"></div>
									</div>
									<div class="form-group">
										<label for="username">姓名</label>
										<input type="text" class="form-control" id="username" name="username" placeholder="username"
											datatype="*" errormsg="请填写信息" v-model="account.username">
										<div class="Validform_checktip" style="color: red;font-size: 17px;"></div>
									</div>
									<div class="form-group">
										<label for="phone">电话</label>
										<input type="text" class="form-control" id="phone" name="phone" placeholder="phone"
											datatype="m" errormsg="请输入正确的手机号码" nullmsg="请填写信息" v-model="account.phone">
										<div class="Validform_checktip" style="color: red;font-size: 17px;"></div>
									</div>
									<div class="form-group">
										<div class="radio">
											<label for="sex">性别：</label>
											<label>
												<input type="radio" name="sex" id="sex"
													value="1" v-model="account.sex"> 男
											</label>
											<label>
												<input type="radio" name="sex"
													value="0" datatype="*" sucmsg="√"  errormsg="请填写信息" v-model="account.sex">女
											</label>
										</div>
									</div>
									<div class="signin-footer">
										<button type="button" class="btn signin_btn zc">
											注册
										</button>
										<p>
											已有账号?点击 <a href="index.html">登录</a>
										</p>
									</div>
								</form>
							</div>
						</div>
						
					</div>
				</div>
			</div>
		</section>
		<!--/.signin -->

		<!-- signin end -->

		<!--footer copyright start -->
		<footer class="footer-copyright">
			<div id="scroll-Top">
				<i class="fa fa-angle-double-up return-to-top" id="scroll-top1" data-toggle="tooltip"
					data-placement="top" title="" data-original-title="Back to Top" aria-hidden="true"></i>
			</div>
			<!--/.scroll-Top-->

		</footer>
		<!--/.hm-footer-copyright-->
		<!--footer copyright  end -->


		<!-- Include all js compiled plugins (below), or include individual files as needed -->

		<script src="assets/js/jquery.js"></script>

		<!--modernizr.min.js-->
<!--		<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>-->

		<!--bootstrap.min.js-->
		<script src="assets/js/bootstrap.min.js"></script>

		<!-- bootsnav js -->
		<script src="assets/js/bootsnav.js"></script>
		

		<!-- jquery.sticky.js -->
		<script src="assets/js/jquery.sticky.js"></script>
<!--		<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>-->

		<!--Custom JS-->
		<script src="assets/js/custom.js"></script>
		<script src="js/axios.js"></script>
		<script src="js/vue.js"></script>
		<script src="js/Validform_v5.3.2_min.js"></script>
		<script src="js/zhou/signup.js"></script>
		<script>
			var app = new Vue({
				el: ".container",
				data: {
					account:{
						loginname:"",
						password:"",
						email:"",
						sex:"",
						username:"",
						phone:""
					}
				}
			});
		</script>
	</body>

</html>
